<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			.div_1{
				/*内边距，真是div和border之间的距离，扩大盒子*/
				/*padding: 50px;*/
				/*两个值   上下    左右		四个值     上     右    下    左*/
				/*padding: 30px 50px;*/
				width: 200px;
				height: 200px;
				background-color: blue;
				/*外边距	给盒子进行定位*/
				/*margin: 20px;
				margin: 20px 30px;*/
				/*margin-left: 30px;*/
				/*外边距   垂直方向，取比较大的值  70px*/
				margin-bottom: 40px;
				margin-right: 50px;
			}
			.div_2{
				/*外边距   垂直方向，取比较大的值    70px*/
				/*margin-top: 70px;*/
				width: 200px;
				height: 200px;
				background-color: bisque;
				margin-left: 30px;
			}
			/*外边距，水平方向再值相加*/
			div {
				float: left;
			}
		</style>
	</head>
	<body>
		<div class="div_1"></div>
		
		<div class="div_2"></div>
	</body>
</html>
